<template>
  <nav>
    <router-link to="/html">HTML</router-link> |
    <router-link to="/css">CSS</router-link>
    <hr />
    <router-view></router-view>
  </nav>
</template>

<script>
  export default {
    name: 'Course'
  }
</script>

<!--
  scoped: 样式作用域
  lang="sass": css语法
-->
<style scoped="scoped">
  nav {
    padding: 30px;
  }

  nav a {
    font-weight: bold;
    color: orange;
  }

  nav a.router-link-exact-active {
    color: greenyellow;
  }
</style>
